<template>
  <div class="homepage">
    <el-row>
      <el-col :span="12">
        <div class="bg-purple_1">
          <anentBasicInfo></anentBasicInfo>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="bg-purple_2">
          <!-- <shcoolRechargeStatistics></shcoolRechargeStatistics> -->
        </div>
      </el-col>
      <el-col :span="0">
        <div class="bg-purple_3">
          <!-- <shcoolIncomeStatistics></shcoolIncomeStatistics> -->
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <div class="bg-purple-dark_1">
          <shcoolUnitException :unitType="50"></shcoolUnitException>
        </div>
      </el-col>
      <el-col :span="0">
        <div class="bg-purple-dark_2">
          <!-- <shcoolShortcut></shcoolShortcut> -->
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import schoolHomepageFramework from "@/components/school-homepage-framework";
// 学校信息
import anentBasicInfo from "@/views/common-module/anent-basic-info";
// 充值统计
import shcoolRechargeStatistics from "@/views/common-module/shcool-recharge-statistics";
// 营收统计
import shcoolIncomeStatistics from "@/views/common-module/shcool-income-statistics";
// 快捷方式
import shcoolShortcut from "@/views/common-module/shcool-shortcut";
// 设备异常信息
import shcoolUnitException from "@/views/common-module/shcool-unit-exception";

export default {
  data() {
    return {};
  },
  components: {
    anentBasicInfo,
    shcoolRechargeStatistics,
    shcoolIncomeStatistics,
    shcoolUnitException,
    shcoolShortcut
  },
};
</script>

<style lang="scss" scoped>
.homepage {
  height:500px;
  user-select: none;
  padding: 1vw;
  // min-height: 82%;
  .el-row {
    margin: 0.6vw;
    &:first-child {
      margin-bottom: 0;
    }
    .bg-purple_1,
    .bg-purple_2,
    .bg-purple_3,
    .bg-purple-dark_1,
    .bg-purple-dark_2 {
      border-radius: 5px;
      height: 42vh;
      //   border: 1.5px solid #666;
      overflow: hidden;

      box-shadow: 0px 0px 10px #ccc;
    }
    .bg-purple_1,
    .bg-purple_2,
    .bg-purple-dark_1 {
      margin-right: 0.6vw;
    }
  }
  .el-col {
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
}
</style>
